<template>
	<view style="width: 100vw;height: 100vh;">
		<view class="" style="height: 7%;width: 100%;display: flex;position: relative;">
			<image  @click="finish" src="/static/logo.png" mode="" style="width: 50rpx;height: 50rpx;position: absolute;margin: 35rpx;"></image>
			<text style="display: block;margin: auto;">{{dingdandata.chargingStationName}}的订单</text>
		</view>
		<view class="" style="height: auto;width: 90%;margin: auto;margin-top: 20rpx;">
			<view class="" style="margin-top: 20rpx;margin-bottom: 20rpx;">
				<span style="color:deeppink;font-size: 45rpx;">|</span>
				<text style="margin-left: 20rpx;font-size: 40rpx;color:hotpink">终端信息</text>
			</view>
			<text style="display: block;margin-top: 40rpx;">充电站名称:{{dingdandata.chargingStationName}}</text>
			<text style="display: block;margin-top: 40rpx;">充电桩编号:{{dingdandata.chargingPileNo}}</text>
			<text style="display: block;margin-top: 40rpx;">充电桩名称:{{dingdandata.chargingPileName}}</text>
			<!-- 充电信息 -->
			<view class="" style="margin-top: 20rpx;margin-bottom: 20rpx;">
				<span style="color:deeppink;font-size: 45rpx;">|</span>
				<text style="margin-left: 20rpx;font-size: 40rpx;color:hotpink">充电信息</text>
			</view>
			<text style="display: block;margin-top: 40rpx;">开始充电时间:{{dingdandata.beginTime}}</text>
			<text style="display: block;margin-top: 40rpx;">结束充电时间:{{dingdandata.endTime}}</text>
			<text style="display: block;margin-top: 40rpx;">已充电量:{{dingdandata.chargedQuantity}}</text>
			<text style="display: block;margin-top: 40rpx;">充电时长:{{dingdandata.chargingDuration}}</text>
			<text style="display: block;margin-top: 40rpx;">车牌号:{{dingdandata.licenseTag}}</text>
			<text style="display: block;margin-top: 40rpx;">车辆型号:{{dingdandata.carModels}}</text>

			<view class="" style="margin-top: 20rpx;margin-bottom: 20rpx;">
				<span style="color:deeppink;font-size: 45rpx;">|</span>
				<text style="margin-left: 20rpx;font-size: 40rpx;color:hotpink">费用信息</text>
			</view>
			<text style="display: block;margin-top: 40rpx;">订单总额:{{dingdandata.totalOrderAmount}}</text>
			<text style="display: block;margin-top: 40rpx;">电费:{{dingdandata.electricityCost}}</text>
			<text style="display: block;margin-top: 40rpx;">服务费:{{dingdandata.serviceFee}}</text>
			<text style="display: block;margin-top: 40rpx;">实付金额:{{dingdandata.actualPaymentAmount}}</text>

			<view class="" style="margin-top: 20rpx;margin-bottom: 20rpx;">
				<span style="color:deeppink;font-size: 45rpx;">|</span>
				<text style="margin-left: 20rpx;font-size: 40rpx;color:hotpink">支付信息</text>
			</view>
			<text style="display: block;margin-top: 40rpx;">支付金额:{{dingdandata.paymentAmount}}</text>
			<text style="display: block;margin-top: 40rpx;">支付方式:{{dingdandata.paymentMethod}}</text>
			<text style="display: block;margin-top: 40rpx;">支付时间:{{dingdandata.paymentTime}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dingdandata:null
			};
		},
		methods:{
			finish(){
				uni.navigateBack()
			}
		},
		onLoad(id) {
			this.$request({
				url:'/dev-api/bs-smart-charger/orders/'+id.id,
				header:{
					Authorization:uni.getStorageSync('token')
				},
			}).then(res=>{
				this.dingdandata = res.data
			})
		}
	}
</script>

<style lang="scss">

</style>